<template>
  <div class="main">

 <span style="color:#515a6e;font-size:18px;">{{user.isAdmin?'教师':'学生'}}：</span> <span style="color:#e42b2b;">{{user.name}}</span>
  <div class="text">您好，欢迎访问</div>
   <div class="text">学生签到管理系统</div>

  </div>

</template>

<script>
import {mapState} from 'vuex'
export default {
  name: "home",
  data () {
    return {
    }
  },
  computed:{
    ...mapState([
      'user',
      "signList"
    ])
  },
  mounted(){
  }
};
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .main{
   font-size: 23px;
    height: 100%;
    margin-top: 20px;
    text-align: center;

  }
  .text{
    margin: 10px 0;
  }
</style>
